<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  
    <title>微信测试页面</title>  
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>  
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>  

    <script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>


    <script>  

        var vConsole = new VConsole();
        
        
        function getQueryString(name) {  
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");  
          var r = window.location.search.substr(1).match(reg);  
          if (r != null) return decodeURI(r[2]);  
          return null;  
        }  
        //openid
        var openid='';
        var code=getQueryString('code');
      

        $(function(){  
            //获取jsconfig  
            var param_get_js_config = {'cmd':'get_js_config','url':location.href};  
            hander_data_from_wechat_api(param_get_js_config,hander_js_config);  



             $.get('http://b.itying.com/getOpenId?code='+code,function(response){

                  console.log(response);
                  openid=response.openid;
              })

  
        })  



        //配置JSconfig  
        function hander_js_config(data){  
            /*wx.config({ 
                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 
                appId: '', // 必填，公众号的唯一标识 
                timestamp: , // 必填，生成签名的时间戳 
                nonceStr: '', // 必填，生成签名的随机串 
                signature: 'sM4AOVdWfPE4DxkXGEs8VJAAX0hDsNvepedYVgPudpde87_OEkUJdX4mFJAutu8m3l0Zg2FbxavtkibLqYZHcw',// 必填，签名，见附录1 
                jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 
            });*/  
            wx.config(data);  
            wx.ready(function(){  
  
				         
                    
                                    document.getElementById('btn3').onclick = function() {
                                        wx.scanQRCode({
                                            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                                            scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                                            success: function(res) {
                                                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果

                                                alert(result);
                                            },fail:function(err){
                                                
                                                alert(JSON.stringify(err))
                                            }
                                        });
                                    }
                                    


                                   // 2.4 监听支付
                                   document.querySelector('#onPay').onclick = function () {

                                              $.get('http://b.itying.com/order/?openid='+openid,function(response){

                                                      console.log(response);
                                                      wx.chooseWXPay({                                                                                

                                                          "timestamp":response.timeStamp,
                                                          "nonceStr":response.nonceStr,
                                                          "package":response.package,
                                                          "signType":response.signType,
                                                          "paySign":response.paySign,
                                                          success: function (res) {
                                                          // 支付成功后的回调函数
                                                            alert(JSON.stringify(res));
                                                          }
                                                    });

                                              })                              
                                  };
                                
                    
                                    
            });  
            wx.error(function(res){  
                alert(JSON.stringify(res));  
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。  
  
            });  
        }  
        //传递参数请求wechat_api数据，请求成功后的回调函数fn处理得到的数据  
        function hander_data_from_wechat_api(param,fn) {  
            console.info(param);  
            //发送请求获取wx_js_config  
            $.ajax({  
                url: 'http://b.itying.com/wechat',  
                type: 'POST',  
                data: param,  
                datatype: 'json',  
                success: function (data) {  
                    fn(data);  
                }  
            })  
        }  
  
    </script>  
</head>  
<body>  
    <button id="btn1">拍照或者选择图片</button>
    <button id="btn2">地图</button>
    <button id="btn3">扫一扫</button>
    
    <button id="onMenuShareAppMessage">分享朋友</button>
    
    <button id="onMenuShareTimeline">分享到朋友圈</button>
    
    <button id="onMenuShareQQ">分享到QQ</button>
    
    
    <button id="onMenuShareWeibo">分享到微博</button>

    <button id="onMenuShareQZone">分享到QQ空间</button>


    <button id="onPay">支付</button>
</body>  
</html>  